<!--dialog-->
<template>
  <el-dialog
    class="dialog_box"
    :title="title"
    :width="width"
    :visible.sync="isVisible"
    top="10vh"
  >
    <slot name="content"></slot>
  </el-dialog>
</template>
<script>
export default {
  props: {
    isShow: {
      type: Boolean,
      default: false
    },
    title: {
      type: String,
      default: ''
    },
    width: {
      type: String,
      default: '850px'
    }
  },
  computed: {},
  data () {
    return {
      isVisible: false
    }
  },
  methods: {},
  watch: {
    isShow (n) {
      this.isVisible = n
    },
    isVisible (n) {
      this.$emit("update:isShow", n)
    }
  },
  created () {

  }
}
</script>
<style lang="scss" scoped>
.dialog_box /deep/ {
  .el-dialog__header {
    background-color: #f4f4f8;
    font-weight: 500;
    color: #000;
    .el-dialog__title {
      font-size: 16px;
    }
  }
  .el-dialog__body {
    padding: 10px 20px 30px;
  }
}
</style>
